<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>守望先锋游戏专区</title>
    <link rel="stylesheet" type="text/css" href="style/public.css">
    <link rel="stylesheet" type="text/css" href="style/model.css">
    <link rel="stylesheet" type="text/css" href="style/overwatch.css">
</head>
<body>
    <!-- 头部start -->
    <div class="header">
        <div class="hdr_cnt">
            <div class="logo">
                <a href="#">
                    <h1>守望先锋游戏专区</h1>
                </a>
            </div>
            <div class="menu">
                <ul>
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#">英雄攻略</a></li>
                    <li><a href="#">地图解析</a></li>
                    <li><a href="#">漫画CG</a></li>
                    <li><a href="#">美图COS</a></li>
                    <li><a href="#">视频集锦</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 头部\end -->

    <!-- 首屏信息start -->
    <div class="commonWidth pr">
        <div class="m-carousel idx_carousel">
            <div class="cul_pic_wrap">
                <ul>
                    <li><a href="#"><img src="img/pic_carousel.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/pic_carousel_1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="img/pic_carousel_2.jpg" alt=""></a></li>
                </ul>
            </div>
            <div class="cul_btn_wrap">
                <ul>
                    <li><a href="javascript:;"></a></li>
                    <li><a href="javascript:;"></a></li>
                    <li><a href="javascript:;"></a></li>
                </ul>
            </div>
        </div>

        <div class="idx_tab_info">
            <div class="tab_tit_wrap">
                <ul>
                    <li class="active"><a href="javascript:;">新闻资讯</a></li>
                    <li><a href="javascript:;">英雄攻略</a></li>
                    <li><a href="javascript:;">漫画CG</a></li>
                </ul>
            </div>
            <div class="tab_cnt_wrap">
                <div class="tab_cnt" style="display: block;">
                    <h3 class="first_t"><a href="#">《守望先锋》常见游戏问题FAQ</a></h3>
                    <span class="first_l"><a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a></span>
                    <h3 class="second_t"><a href="#">《守望先锋》常见游戏问题FAQ</a></h3>
                    <span class="second_l"><a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a></span>
                    <ul>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                    </ul>
                    <a href="#" class="tab_cnt_more"></a>
                </div>
                <div class="tab_cnt">
                    <h3 class="first_t"><a href="#">《守望先锋》常见游戏问题FAQ</a></h3>
                    <span class="first_l"><a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a></span>
                    <h3 class="second_t"><a href="#">《守望先锋》常见游戏问题FAQ</a></h3>
                    <span class="second_l"><a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a></span>
                    <ul>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                    </ul>
                    <a href="#" class="tab_cnt_more"></a>
                </div>
                <div class="tab_cnt">
                    <h3 class="first_t"><a href="#">《守望先锋》常见游戏问题FAQ</a></h3>
                    <span class="first_l"><a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a></span>
                    <h3 class="second_t"><a href="#">《守望先锋》常见游戏问题FAQ</a></h3>
                    <span class="second_l"><a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a> <a href="#">[游戏问题]</a></span>
                    <ul>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                        <li><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></li>
                    </ul>
                    <a href="#" class="tab_cnt_more"></a>
                </div>
            </div>
            <div class="decorate_more"></div>
        </div>

        <div class="idx_list_news">
            <div class="list_wrap">
                <div class="bg"></div>
                <ul>
                    <li class="active">
                        <div class="img fl"><a href="#"><img src="" width="192" height="109" alt="" /></a></div>
                        <div class="info fl">
                            <h3><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></h3>
                            <span><strong>万里长虹冷如冰</strong>一天前</span>
                            <p><a href="#">放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是范德萨发射点发射点发射点发生</a></p>
                        </div>
                        <div class="line"></div>
                        <a href="#" class="more_info"></a>
                    </li>
                    <li>
                        <div class="img fl"><a href="#"><img src="" width="192" height="109" alt="" /></a></div>
                        <div class="info fl">
                            <h3><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></h3>
                            <span><strong>万里长虹冷如冰</strong>一天前</span>
                            <p><a href="#">放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是范德萨发射点发射点发射点发生</a></p>
                        </div>
                        <div class="line"></div>
                        <a href="#" class="more_info"></a>
                    </li>
                    <li>
                        <div class="img fl"><a href="#"><img src="" width="192" height="109" alt="" /></a></div>
                        <div class="info fl">
                            <h3><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></h3>
                            <span><strong>万里长虹冷如冰</strong>一天前</span>
                            <p><a href="#">放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是范德萨发射点发射点发射点发生</a></p>
                        </div>
                        <div class="line"></div>
                        <a href="#" class="more_info"></a>
                    </li>
                    <li>
                        <div class="img fl"><a href="#"><img src="" width="192" height="109" alt="" /></a></div>
                        <div class="info fl">
                            <h3><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></h3>
                            <span><strong>万里长虹冷如冰</strong>一天前</span>
                            <p><a href="#">放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是范德萨发射点发射点发射点发生</a></p>
                        </div>
                        <a href="#" class="more_info"></a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <!-- 首屏信息end -->
    
    <!-- 首页视频列表start -->
    <div class="idx_list_video">
        <div class="commonWidth pr">
            <h2 class="tit">先锋时刻</h2>
            <a href="javascript:;" class="prev"></a>
            <a href="javascript:;" class="next"></a>
            <div class="show_wrap">
                <ul>
                    <li>
                        <div class="play">
                            <a href="#"><img src="img/pic_idx_video.jpg" width="204" height="113" alt="">
                                <div class="bg"></div>
                                <em></em>
                                <span class="time">12:00</span>
                            </a>
                        </div>
                        <div class="info">
                            <p><a href="">先锋时刻第九期：源氏龙刀出鞘飞天骑脸</a></p>
                        </div>
                    </li>
                    <li>
                        <div class="play">
                            <a href="#"><img src="img/pic_idx_video.jpg" width="204" height="113" alt="">
                                <div class="bg"></div>
                                <em></em>
                                <span class="time">12:00</span>
                            </a>
                        </div>
                        <div class="info">
                            <p><a href="">先锋时刻第九期：源氏龙刀出鞘飞天骑脸</a></p>
                        </div>
                    </li>
                    <li>
                        <div class="play">
                            <a href="#"><img src="img/pic_idx_video.jpg" width="204" height="113" alt="">
                                <div class="bg"></div>
                                <em></em>
                                <span class="time">12:00</span>
                            </a>
                        </div>
                        <div class="info">
                            <p><a href="">先锋时刻第九期：源氏龙刀出鞘飞天骑脸</a></p>
                        </div>
                    </li>
                    <li>
                        <div class="play">
                            <a href="#"><img src="img/pic_idx_video.jpg" width="204" height="113" alt="">
                                <div class="bg"></div>
                                <em></em>
                                <span class="time">12:00</span>
                            </a>
                        </div>
                        <div class="info">
                            <p><a href="">先锋时刻第九期：源氏龙刀出鞘飞天骑脸</a></p>
                        </div>
                    </li>
                    <li>
                        <div class="play">
                            <a href="#"><img src="img/pic_idx_video.jpg" width="204" height="113" alt="">
                                <div class="bg"></div>
                                <em></em>
                                <span class="time">12:00</span>
                            </a>
                        </div>
                        <div class="info">
                            <p><a href="">先锋时刻第九期：源氏龙刀出鞘飞天骑脸</a></p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="more_video">
                <a href="#">更多精彩视频</a>
            </div>
        </div>
    </div>
    <!-- 首页视频列表end -->

    <!-- 首页选择英雄start -->
    <div class="idx_select_hero">
        <div class="commonWidth">
            <div class="idx_hero_tit">
                选择<strong>你的英雄</strong>
            </div>
            <div class="idx_hero_wrap">
                <div class="select_wrap">
                    <a class="btn" href="#"></a>
                    <div class="label">
                        <dl>
                            <dt><span class="support"></span><i>支援</i></dt>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd class="no_mgn">
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                        </dl>
                        <dl>
                            <dt><span class="reload"></span><i>重装</i></dt>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd class="no_mgn">
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                        </dl>
                        <dl>
                            <dt><span class="defense"></span><i>防御</i></dt>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd class="no_mgn">
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                        </dl>
                        <dl>
                            <dt><span class="assault"></span><i>突击</i></dt>
                           <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd>
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                            <dd class="no_mgn">
                                <a href="javascript:;"><img src="img/pic_idx_hero.png" width="58" height="68" /></a>
                                <p><a href="javascript:;">莱因哈特</a></p>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="cnt_wrap">

                    <div class="hero_info">
                        <img class="hero_picture" src="img/pic_idx_hero_p1.png" width="356" height="600" alt="" />
                        <h2 class="hero_name">秩序之源</h2>
                        <p class="hero_occupation">“猎空”的武器有两把脉冲手枪，脉冲炸弹
以及永不停歇的欢声笑语。猎空能够通过闪
现快速移动并且利用闪回调整自己的状态，
然后以这些强大的能力除尽世上的邪恶。</p>
                        <div class="hero_video">
                            <a href="#"><img src="" width="480" height="270" alt="" /></a>
                            <div class="bg"></div>
                            <h3>天天守望第四期：一直被轮胎支配的夏一可</h3>
                        </div>
                        <div class="hero_weapon_wrap">
                            <div class="hero_weapon_data" style="display: block;">
                                <h3>脉冲双枪</h3>
                                <p>“猎空”扔出一枚可以附着在任何表面或倒霉蛋身上的大炸弹。几秒后，炸弹会爆炸对范围内所有敌人造成大量伤害。</p>
                            </div>
                            <div class="hero_weapon_data">
                                <h3>脉冲双枪</h3>
                                <p>“猎空”扔出一枚可以附着在任何表面或倒霉蛋身上的大炸弹。几秒后，炸弹会爆炸对范围内所有敌人造成大量伤害。</p>
                            </div>
                            <div class="hero_weapon_data">
                                <h3>脉冲双枪</h3>
                                <p>“猎空”扔出一枚可以附着在任何表面或倒霉蛋身上的大炸弹。几秒后，炸弹会爆炸对范围内所有敌人造成大量伤害。</p>
                            </div>
                            <div class="hero_weapon_data">
                                <h3>脉冲双枪</h3>
                                <p>“猎空”扔出一枚可以附着在任何表面或倒霉蛋身上的大炸弹。几秒后，炸弹会爆炸对范围内所有敌人造成大量伤害。</p>
                            </div>
                        </div>
                        <div class="hero_weapon_tab">
                            <ul>
                                <li class="active"><img src="img/pic_hero_arms.png" width="80" height="80" alt="" /></li>
                                <li><img src="img/pic_hero_arms.png" width="80" height="80" alt="" /></li>
                                <li><img src="img/pic_hero_arms.png" width="80" height="80" alt="" /></li>
                                <li><img src="img/pic_hero_arms.png" width="80" height="80" alt="" /></li>
                            </ul>
                        </div>
                        <div class="hero_list_news">
                            <ul>
                                <li><span>评测</span><a href="#">我的箭法从不随缘 守望先锋半藏的简单心得</a><div class="bg"></div></li>
                                <li><span class="blue">蓝贴</span><a href="#">我的箭法从不随缘 守望先锋半藏的简单心得</a><div class="bg"></div></li>
                                <li><span>评测</span><a href="#">我的箭法从不随缘 守望先锋半藏的简单心得</a><div class="bg"></div></li>
                            </ul>
                        </div>
                        <a class="hero_more" href="#">进入专区</a>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 首页选择英雄end -->

    <!-- 首页图片欣赏start -->
    <div class="idx_picture">
        <div class="idx_picture_wrap">
            <div class="clearfix">
                <div class="pic_more"><a href="#"><em></em>进入图库</a></div>
            </div>
            <div class="clearfix">
                <div class="pic_main">
                    <div class="small_pic">
                        <img src="" width="334" height="188" alt="" />
                        <div class="brief">
                            <a href="#">
                                <div class="bg"></div>
                                <div class="icon_magnifier"></div>
                                <p class="">内涵囧图 第69期--身体不好不要随便做公交车</p>
                            </a>
                        </div>
                    </div>
                    <div class="small_pic">
                        <img src="" width="334" height="188" alt="" />
                        <div class="brief">
                            <a href="#">
                                <div class="bg"></div>
                                <div class="icon_magnifier"></div>
                                <p class="">内涵囧图 第69期--身体不好不要随便做公交车</p>
                            </a>
                        </div>
                    </div>
                    <div class="small_pic">
                        <img src="" width="334" height="188" alt="" />
                        <div class="brief">
                            <a href="#">
                                <div class="bg"></div>
                                <div class="icon_magnifier"></div>
                                <p class="">内涵囧图 第69期--身体不好不要随便做公交车</p>
                            </a>
                        </div>
                    </div>
                    <div class="small_pic">
                        <img src="" width="334" height="188" alt="" />
                        <div class="brief">
                            <a href="#">
                                <div class="bg"></div>
                                <div class="icon_magnifier"></div>
                                <p class="">内涵囧图 第69期--身体不好不要随便做公交车</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="pic_aside">
                    <img src="" width="300" height="400" alt="" />
                    <div class="brief">
                        <a href="#">
                            <div class="bg"></div>
                            <div class="icon_magnifier"></div>
                            <p class="">内涵囧图 第69期--身体不好不要随便做公交车</p>
                        </a>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <!-- 首页图片欣赏end -->

    <div class="footer">
        <div class="commonWidth">
            <div class="site_link">
                <div class="fl">
                    <a href="#">关于我们</a>
                    <a href="#">联系我们</a>
                    <a href="#">招聘专区</a>
                    <a class="no_mgn" href="#">网站地图</a>
                </div>
                <div class="fr">
                    <a href="#">剑仙情缘3</a>
                    <a href="#">炉石传说</a>
                    <a href="#">英雄联盟</a>
                    <a class="no_mgn" href="#">梦幻西游</a>
                </div>
                <div class="line"></div>
            </div>
            <div class="site_wrap">
                <div class="friendship">
                    <h3>友情链接</h3>
                    <div class="links">
                        <a href="#">间隔30</a>
                        <a href="#">间隔30</a>
                        <a href="#">间隔30</a>
                        <a href="#">间隔30</a>
                        <a href="#">间隔30</a>
                        <a href="#">间隔30</a>
                        <a href="#">间隔30</a>
                        <a href="#">间隔30</a>
                    </div>
                </div>
                <div class="line"></div>
                <div class="brief">
                    <h2><a href="#"><img src="img/logo_footer.png" width="107" height="24" alt="" /></a></h2>
                    <p>沪ICP备15018139号-2<br>
                        沪网文【2015】0558-108<br>
                        广播电视节目制作经营许可证：（沪）字第1405号<br>
                        游戏GO 中国专业评测网 版权所有</p>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="js/uxigo.overwatch.js" type="text/javascript"></script>
</body>
</html>